<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>

<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path;
	
%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
	<title>统计分析主页</title>
	<base href="<%=basePath%>/" />
	
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
  	<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" /><!-- IE的渲染模式 -->
  	<meta name="renderer" content="webkit" /><!-- 浏览器高速模式 -->
  	<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
  	
	<meta name="keywords" content="信帧,teleframe,iparking,I停车,爱停车,blackshadowwalker" />
	<meta name="description" content="信帧,teleframe,iparking,I停车,爱停车,blackshadowwalker" />
	<meta name="author" content="blackshadowwalker" />
	
	<link href="css/common.css" rel="stylesheet" />
    <link href="bootstrap/3.2/css/bootstrap.min.css" rel="stylesheet" />
	
	<script type="text/javascript" src="scripts/jquery/jquery-1.7.min.js" ></script>	
	<script src="bootstrap/3.2/js/bootstrap.min.js"></script>
	
	<script src="index/js/index.js" type="text/javascript"></script>
	<link href="modules/park/stat/css/style.css" rel="stylesheet" type="text/css" />
	
	<style>
		body{
			background-color:#000000;
		}
		.btn-green{
			background-color: #660066;
			color: #ffffff;
		}
		.btn-green:hover, .btn-green:active{
			background-color: #331133;
		}
		
		div.app-panel .header img{
			width:100%;
		}
		.app-list{
			width:100%;
		}
		.app-list a{
			color:#ffffff;
			font-size:18px;
			text-decoration: none;
		}
		.app-list .appitem{
			width:98%;
			height:120px;
			border:0px #0f0 solid;
			box-shadow: 3px 3px 5px #888888;
		}
		
		td {
		    border: 0px solid #C1DAD7;   
		    padding: 3px;
		    width:50%;
		}
		table{
			border:0px #00f solid;
		}
		.appitem div{
			height:30%;
		}
		
	</style>

</head>
<body>

	<div id="menulist" class="app-panel">
		<div class="header ">
			<img class="hidden" src="modules/park/stat/images/d_login_bg_lichangpingjia_timebg.png"  style="height:30px;"/>
			<img src="modules/park/stat/images/d_login_bg_lichangpingjia.png"  style="height:200px;"/>
		</div>
		<div class="app-list">
			<table style="width:100%;height:100%;border:0px #f00 solid;" cellspacing="1">
				<tr>
					<td valign="middle" align="center" >
						<div class="appitem btn btn-warning">
							<div></div>
							<div> 
								<a class="" target="mainframe" href="HotAreaAction" >
									热点地区分析
								</a>
							</div>
							<div></div>
						</div>
					</td>
					<td valign="middle" align="center">
						<div class="appitem btn btn-primary">
							<div></div>
							<div> 
								<a class="" target="mainframe" href="OrderStatisticsAction" >订单统计</a>
							</div>
							<div></div>
						</div>
					</td>
				</tr>
				<tr>
					<td valign="middle" align="center">
						<div class="appitem btn btn-success">
							<div></div>
							<div> 
								<a class="" target="mainframe" href="ParkStatAction" >停车场统计</a>
							</div>
							<div></div>
						</div>
					</td>
					<td valign="middle" align="center">
						<div class="appitem btn btn-info">
							<div></div>
							<div> 
								<a class="" target="mainframe" href="PayStatisticsAction" >收支统计</a>
							</div>
							<div></div>
						</div>
					</td>
				</tr>
				<tr>
					<td valign="middle" align="center">
						<div class="appitem btn btn-danger">
							<div></div>
							<div> 
								<a class="" target="mainframe" href="StatActiveUserAction" >活跃用户统计</a>
							</div>
							<div></div>
						</div>
					</td>
					<td valign="middle" align="center">
						<div class="appitem btn btn-green">
							<div></div>
							<div> 
								<a class="" target="mainframe" href="StatCumulativeUserAction" >用户量统计</a>
							</div>
							<div></div>
						</div>
					</td>
				</tr>
			</table>
		</div>
	</div>
	
	
	<div id="content" style="display:none;background-color:#ffffff;width:100%;height:100%;">
		<div id="loading" style="width:100%;height:100%;margin-top:100px;">
			<center>
				<img src="images/loading/loading_007.gif"/>
			</center>
		</div>
		
		<div  class="header">
			<div class="h5-header"  >
				<a href="javascript:void(0);" onclick="goback();" class="head-backer" ></a>
				<span style="display:inline-block;margin-top:10px;width:80%;" id="mainframe-title" > 统计分析</span> 
				<span style="display:inline-block;float:right;margin-top:-20px;margin-right:10px;text-align:right; width:20%;">&nbsp;</span>
			</div>
			
			<div class="h5-color-line">
				<span class="c1" ></span>
				<span class="c2" ></span>
				<span class="c3" ></span>
				<span class="c4" ></span>
				<span class="c5" ></span>
			</div>
		</div>

		
		<iframe id="mainframe" name="mainframe" style="display:none;width:100%;height:100%;border:0px;"></iframe>
		
	</div>	
	
	<script>
		function goback(){
// 			window.top.mainframe.history.back();
			$("#menulist").show();
			$("#content").hide();
			$("#mainframe").hide();
			window.open( "", "mainframe");
		}
		
		$("#mainframe").load(function(){
			var html = $(document.getElementById('mainframe').contentWindow.document.body).html(); //$("#mainframe").html();
			if($.trim(html)==""){
				$("#menulist").show();
				$("#content").hide();
			}
			$("#loading").hide();
			$("#mainframe").show();
		});
	
		$(document).ready(function(){
			var height = $(window).height();
			$("#mainframe").height(height - 50);
			if(window.console){
				console.log("mainframe.height="+height);
			}
			
			$("#menulist .appitem").click(function(){
			 	event.preventDefault();
			 	var aa = $(this).find("a");
		 		var html =$(aa).html();
				if(html!=undefined && html!="")
					$("#mainframe-title").html(html);

				$("#menulist").hide();
				$("#content").show();
				$("#loading").show();
			 	window.open( $(aa).attr("href"), $(aa).attr("target"));				

			});
			
		});
		
	</script>
	
	
</body>
</html>
